@charset "utf-8";

html{
    font-size: 100px;
}
body{
    font: .14rem/.22rem "PingFangSC-Regular";
}
.bg_f2 {
    background: #f2f2f2;
}

/*订单列表*/
.orderList {
    position: relative;
    overflow: hidden;
    /*padding-top: .72rem;*/
    padding-top: .6rem;
    color: #333;
}
.orderList .nav {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: .44rem;
    background: #fff;
    z-index: 1;
}
.orderList .nav a {
    display: block;
    float: left;
    width: 14%;
    text-align: center;
    font-size: .14rem;
    line-height: .44rem;
    margin: 0 3%;
}
.orderList .nav a.cur {
    border-bottom: 3px solid #007234;
}
.orderList .content .item,.orderDetail .item{
    background: #fff;
    padding-left: 4%;
    margin-bottom: .15rem;
}
.orderList .content .item a {
    display: block;
    color: #333;
}
.orderList .item_sup {
    height: .3rem;
    line-height: .3rem;
    font-size: .13rem;
    border-bottom:1px solid #ccc;
}
.orderList .item .num {
    display: inline-block;
}
.orderList .item_sup span {
    float: right;
    padding-right: 5.2%;
    line-height: .295rem;
    height: .295rem;
}
.orderList .item_sup span.cancel {
    color: #c1272d;
}
.orderList .item_sup span.finish {
    color: #009245;
}
.orderList .item_sup span img {
    width: .16rem;
    vertical-align: middle;
}
.orderList .item ul li {
    position: relative;
    padding: .125rem .16rem .125rem .875rem;
    border-bottom: 1px solid #d6d6d6;
    height: .75rem;
}
.orderList .item ul li img {
    position: absolute;
    left: 0;
    width: .75rem;
    height: .75rem;
}
.orderList .item ul li .title {
    font-size: .14rem;
    line-height: 150%;
}
.orderList .item ul li .price {
    color: #007234;
    font-size: .14rem;
    line-height: 150%;
    padding-top: .08rem;
}
.orderList .item ul li .price span {
    display: inline-block;
}
.orderList .item ul li .price em {
    font-style: normal;
    float: right;
    color: #333;
    display: block;
}
.orderList .item ul li .price em i {
    font-style: normal;
}
.orderList .item_status {
    height: .35rem;
    font-size: .13rem;
    line-height: .35rem;
}
.orderList .item_status span {
    float: right;
    margin-right: .16rem;
    color: #bd181e;
}
.orderList .item_status span.primty,.orderList .item_status span.pay,.orderList .item_status span.finish  a.btn{
    background: #007234;
    color: #fff;
    margin: .05rem .16rem .05rem 0;
    line-height: .25rem;
    /*padding: 0 .1rem;*/
    width: .7rem;
    text-align: center;
    -webkit-border-radius: .04rem;
    -moz-border-radius: .04rem;
    border-radius: .04rem;
}
.orderList .item_status span.pay a.btn{
    background: #007234;
}
.orderList .item_status span.finish {
    background: #fff;
    border: 1px solid #a9a9a9;
    color: #333;
}
/*订单详情*/
.orderDetail {
    padding-top: 0;
}
.orderDetail .order_time {
    background: #fff;
    height: .44rem;
    line-height: .44rem;
    margin-bottom: .15rem;
    padding-left: 4%;
    color: #999999;
    font-size: .11rem;
}
.orderDetail .order_time span {
    display: inline-block;
    color: #333;
}
.orderDetail .order_time .del {
    float: right;
    font-size: .11rem;
    color: #333;
    padding-right: .16rem;
}
.orderDetail .order_time .del img {
    width: .16rem;
}
.orderDetail .address {
    background: #fff;
    padding-left: 4%;
}
.orderDetail .address .contact {
    border-bottom: 1px solid #d6d6d6;
    padding: .12rem 0 .1rem;
}
.orderDetail .address .contact div {
    color: #333;
    font-size: .12rem;
    line-height: 158%;
}
.orderDetail .address .contact span {
    display: inline-block;
}
.orderDetail .address .contact .name {
    padding-right: .3rem;
}
.orderDetail .address .contact p {
    color: #999;
    font-size: .11rem;
    line-height: 172%;
}
.orderDetail .address ul {
    padding: .08rem 0;
    border-bottom: 1px solid #d6d6d6;
}
.orderDetail .address li {
    line-height: .2rem;
    color: #333;
    font-size: .11rem;
}
.orderDetail .address li span {
    color: #999;
    display: inline-block;
    width: 20%;
}
.orderDetail .payfor {
    height: .35rem;
    line-height: .35rem;
    color: #007234;
    font-size: .11rem;
}
.orderDetail .payfor span {
    width: 20%;
    display: inline-block;
}

/*我的个人中心 */
.usercenter {
    background: #fff;
}
.usercenter .top_head {
   /*text-align: center;*/
   width:100%;
   height:5rem;
   border-bottom: 1px solid #ccc;
  
   
}
.top_head .top_headimg{
	 width: 2.1875rem;
    height:2.1875rem;
    /*text-align: center;
    margin:1.25rem auto 0.4375rem;
    padding-top:1.25rem;
    padding-bottom:0.4375rem;*/
    position: absolute;
    top:1.25rem;
    left:40%;
   	border-radius: 50%;
   	overflow: hidden;
   	 

}
.top_head .top_headimg img {
    display: block;
    width: 100%;
    overflow: hidden;
   
}
.top_head .top_headmember2{
	width:2rem;
	height:0.46875rem;
	/*background: darkblue;*/
	position: absolute;
	top:3.2rem;
	left:42%;
	overflow: hidden;
}
.top_head .top_headmember2>img{
	display: block;
	width:100%;
	overflow: hidden;
}
.top_head .top_headmember1{
	width:2rem;
	height:0.46875rem;
	/*background: darkblue;*/
	position: absolute;
	top:3.2rem;
	left:42%;
	overflow: hidden;
	display: none;
}
.top_head .top_headmember1>img{
	display: block;
	width:100%;
	overflow: hidden;
}

.usercenter .top_head .top_name{
	width: 100%;
	height: 0.8rem;
	position: absolute;
	top:3.6rem;
	/*background: darkblue;*/
}

.usercenter .top_head p {
    font-size: 0.4375rem;
    color: #333;
    text-align: center;
    line-height: 0.8rem;
}
.usercenter ul {
    position: relative;
    overflow: hidden;
   width:100%;
   height:3.4375rem;
}
.usercenter ul::after {
    position: absolute;
    left: 50%;
    top: 0;
    width: 1px;
    background: #cccccd;
    height: 100%;
    content: '';
}
.usercenter li {
    float: left;
    width: 50%;
    text-align: center;
    font-size: .14rem;
}
.usercenter li img{
	width:0.46875rem;
	height:0.53125rem;
	padding-top:0.9375rem ;
	padding-bottom:0.46875rem ;
}
.usercenter li p{
	color:#333;
	font-size:0.4375rem;
}

/*收货地址*/
.address img {
    width: 1rem;
    margin: 50% auto 0;
    display: block;
}
.btn_group {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #007234;
    height: .44rem;
    line-height: .44rem;
    text-align: center;
    color: #fff;
    font-size: .12rem;
}
.btn_group a {
    display: block;
    color: #fff;
}
.address ul {
    background: #fff;
    padding-left: 4%;
    color: #999;
    font-size: .14rem;
}
.address ul li {
    padding: .05rem 0;
}
.address ul li + li {
    border-top: 1px solid #cccccd;
}
.address li input {
    width: 100%;
    height: .4rem;
    line-height: .4rem;
}
.address .radio_select {
    background: #fff;
    border-top: 1px solid #ccc;
    text-align: center;
    height: .5rem;
    line-height: .5rem;
}

#rulelabel{
    background-image:url('../img/sel.png');
    background-repeat: no-repeat;
    background-size: 0.2rem 0.2rem;
    display: inline-block;
    height: 0.2rem;
    width: 0.2rem;
    vertical-align: middle;
    margin-right: .1rem;
}
#agreerule:checked + label{
    background-image:url('../img/sel_on.png');
}
/*将原checkbox宽高设为0，使其不显示*/
#agreerule{
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none; 
    appearance: none;
    outline:none;
    border:none;
    display: none;
    resize: none;
    
}
.btn_group.btn a {
    display: block;
    float: left;
    width: 50%;
}
.btn_group.btn a:first-of-type {
    background: #333;
}
.addressList {
    background: #fff;
}
.addressList .address_top {
    width: 100%;
    display: block;
}
.addressList .item {
    color: #333;
    position: relative;
    margin-left: .15rem;
    padding: .15rem .45rem .15rem 0;
}
.addressList .item + .item {
    border-top: 1px solid #ccc;
}
.addressList .item .contact {
    font-size: .12rem;
    overflow: hidden;
    line-height: 150%;
}
.addressList .item .contact div {
    float: left;
}
.addressList .item .contact .name {
    width: .69rem;
}
.addressList .item .adress_detail {
    color: #999;
    font-size: .11rem;
    overflow: hidden;
}
.addressList .item .adress_detail div {
    display: inline-block;
}
.addressList .item .adress_detail .select {
    width: .69rem;
}
.addressList .item .adress_detail img {
    width: 40%;
    vertical-align: middle;
}
.addressList .item .img_btn {
    position: absolute;
    right: .05rem;
    top: .2rem;
}
.addressList .item .img_btn a {
    padding: .05rem;
    display: inline-block;
    margin-right: .05rem;
}
.addressList .item .img_btn a img {
    width: .15rem;
}
/*底导航开始*/
#nav{
	width:100%;
	height:1.5625rem ;
	border-top:1px solid #F2F2F2;
	background: #fff;
	position:fixed;
	z-index:999;
	left:0;
	right:0;
	bottom:0;
  	overflow: hidden;
}

.nav-ul{
	width:90%;
	height:100%;
	/*background: darkblue;*/
	margin: 0 auto;
}
.nav-ul>li{
	float: left;
	width:18%;
	/*background: darkcyan;*/
	margin: 0.25rem 3.5%;
	/*position: relative;*/
}
.nav-ul>li>img{
	width:0.53125rem;
	height:0.53125rem;
	display: block;
	margin: 0 auto 0.24rem;
	/*background: red;*/
}
.nav-ul>li>p{
	text-align: center;
	font-size: 0.3125rem;
	color:#5d5d5d;
}

